<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link href="css/homework.css" rel="stylesheet">
    <title>大众点评网</title>
</head>
<body>


    <div class="header">
        <div class="image">
        <img src="image/logo@2x-1828c2a9.png">
        </div>
        <div class="item-text">登录</div>
    </div>
    <div class="main">
        <div class="login-img">
            <img src="image/login-bg-0e02c95f.png">
        </div>
        <div class="mid-out">
            <div class="mid-in">
                <div class="tabs">
                    <span class="mobile">
                        <a id="tab-mobile" href="">快速登录</a>
                    </span>
                    <span class="account">
                        <a id="tab-account" href="">手机密码登录</a>
                    </span>
                </div>
                <div class="login-line"></div>
                <div class="country-box">
                    <div class="left-box">
                        <select>
                            <option>中国              +86</option>
                            <option>香港（中国）      +86</option>
                            <option>澳门（中国）      +86</option>
                            <option>台湾（中国）      +86</option>
                        </select>
                    </div>
                    <div class="right-box">
                        <input type="text" placeholder="手机号"/>
                    </div>
                </div>
                <div class="input-wrapper">
                    <div class="input-wrapper-left">
                        <input type="text" placeholder="输入动态码"/>
                    </div>
                    <div class="input-wrapper-right">
                        <button type="button" class="plain-button"> 获取动态码</button>
                    </div>
                </div>
                <div class="remember-tel">
                    <label>
                        <input type="checkbox" name="keepMobile"/>记住手机号
                    </label>
                </div>
                <div class="button-login">
                    <button id="button-login-mobile" class="login-button">登录</button>
                </div>
                <div class="other-login-line"></div>
                <div class="images">
                    <img src="image/11.png">
                    <img src="image/12.png">
                    <img src="image/13.png">
                    <a href="https://account.dianping.com/reg?redir=http%3A%2F%2Fwww.dianping.com" class="float-right">注册</a>
                </div>
             </div>
        </div>
    </div>
</body>
</html>